<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=0,shrink-to-fit=no">
		<title>纳米粒度仪_金刚石在线</title>
		<link rel="stylesheet" href="../images830/common.css">
		<link rel="stylesheet" href="../images830/goods.css">
		<link rel="stylesheet" href="../images830/swiper.min.css">
		<link href="https://www.diamondol.net/v2images/logo_icon.png" type="image/x-icon" rel="shortcut icon">
	</head>
	<body class="bodyBox goods">
		<div class="public_top" id="top">
			<div class="public_top_box">
				<div class="public_top_box_left">
					<a class="logo a" href="../index.html"><img src="../images830/logo.png" /></a>
					<a class="title a" href="goods.html">产品</a>
				</div>
				<a href="../sousuo.html" class="a public_top_box_sousuo">
					<span>搜索</span>
					<img class="button" src="../images830/usersou.png" />
				</a>
			</div>
		</div>
		<div class="goods_list">
			<div class="goods_list_title">
				<a class="a" href="javascript:history.back(-1)">
					<img src="../images830/ljt.png" />
				</a>
				<div class="name">振动研磨机</div>
			</div>
			<ul class="goods_list_nav">
				<li class="li">
					<a class="a is" href="./goods_list.html">找产品</a>
				</li>
				<li class="li">
					<a class="a" href="./goods_list_shop.html">找厂商</a>
				</li>
			</ul>
			<a class="goods_list_banner">
				<img class="img"
					src="https://www.cnpowder.com.cn/img/daily/2019/11/18/164747_649749_minicolumn_26.jpg" />
			</a>
			<div class="goods_list_tjpp">
				<div class="goods_list_tjpp_tit">
					<div class="goods_list_tjpp_titleft">推荐品牌</div>
					<div class="goods_list_tjpp_qiugou">
						<p class="p">不知怎么选 为您精准选型</p>
						<a class="a" href="#">发求购</a>
					</div>
				</div>
				<div class="goods_list_tjpp_pp">
					<a href="#" class="goods_list_tjpp_pp_a is">
						<div class="goods_list_tjpp_pp_img">
							<img class="img"
								src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
						</div>
						<p class="goods_list_tjpp_pp_name">五全机械</p>
					</a>
					<a href="#" class="goods_list_tjpp_pp_a">
						<div class="goods_list_tjpp_pp_img">
							<img class="img"
								src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
						</div>
						<p class="goods_list_tjpp_pp_name">五全机械</p>
					</a>
					<a href="#" class="goods_list_tjpp_pp_a">
						<div class="goods_list_tjpp_pp_img">
							<img class="img"
								src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
						</div>
						<p class="goods_list_tjpp_pp_name">五全机械</p>
					</a>
					<a href="#" class="goods_list_tjpp_pp_a">
						<div class="goods_list_tjpp_pp_img">
							<img class="img"
								src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
						</div>
						<p class="goods_list_tjpp_pp_name">五全机械</p>
					</a>
				</div>
			</div>
			<div class="topcp">
				<div class="topcp_cont">
					<div class="topcp_left">
						<a href="#" class="topcp_img">
							<img src="https://img1.cnpowder.com.cn/img/daily/2024/01/31/093448_553656_product_236300.jpg">
						</a>
					</div>
					<div class="topcp_rig">
						<div class="topcp_tit">
							<div class="sum">TOP1</div>
							 <a href="#" class="proname">NS-90 Plus 纳米粒度分析仪</a>
						</div>
						<div class="topcp_pinp">欧美克</div>
						<div class="topcp_pinp">
							<span class="color1">15427</span>
							人次关注
						</div>
						<div class="topcp_pinp">
							参考价格
							<span class="color2">面议</span>
						</div>
						<div class="topcp_shop">
							<a href="#">
								<div class="Name">珠海欧美克仪器有限公司</div>
							</a>
							<div class="ly js_lyzx" proid="236300" cid="10057" proname="NS-90 Plus 纳米粒度分析仪">
								<img src="../images830/v3ly.png">留言咨询
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="height:0; position:relative;"><span id="sx" style="position:absolute; top:-42px;"></span></div>
			<div class="dialogZZ" style="display: none;" onclick="closeFilterBox()"></div>
			<div class="shaixuan tertiaryClassFilter">
				<div data-id="zongheFilter" class="sx_fl zonghe">
					综合
				</div>
				<div data-id="recommend_agentIds" class="sx_fl pinpai">
					品牌
				</div>
				<div data-id="filterNewProduct" class="sx_fl is">
					新品
				</div>
				<div class="sx_fl shaix leftFilterScroll">
					筛选
				</div>
				<!-- 综合 -->
				<div id="zongheFilter" style="display: none; height: 0px; bottom: 0px;"
					class="tabsBoxDialog filterMoreDialog">
					<a class="a orderedList is" data-val="0" href="#">综合排序</a>
					<a class="a orderedList" data-val="1" href="#">关注度由高到低</a>
					<a class="a orderedList" data-val="3" href="#">价格由高到底</a>
				</div>
				<!-- 品牌 -->
				<div class="tabsBrandDialog filterMoreDialog" id="recommend_agentIds"
					style="display: none; height: 0px; bottom: 0px;">
					<div class="dialogSelectItem">
						<p class="selectItemTitle">推荐品牌</p>
						<div class="selectItemBrand">
							<a href="#" class="selectpp selectItemLogo">
								<img class="img" src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
							</a>
							<a href="#" class="selectpp selectItemLogo">
								<img class="img" src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
							</a>
							<a href="#" class="selectpp selectItemLogo">
								<img class="img" src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
							</a>
							<a href="#" class="selectpp selectItemLogo">
								<img class="img" src="https://www.cnpowder.com.cn/img/zcpinpaitj/pptj_1_10_1421051044.jpg" />
							</a>
							<div class="selectItemBox">
								<a href="#" class="a selectpp selectItemName is">埃尔派</a>
							</div>
						</div>
					</div>
					<div class="dialogSelectBtn">
						<a class="selectBtnReset" filter-key="agentIds" onclick="chongzhi();">重置</a>
						<a class="selectBtnSubmit" filter-key="agentIds">确定</a>
					</div>
				</div>
			</div>
			<div class="cplist" id="ulnewslist" isbusy="0">
				<div class="cplist_cont">
					<div class="topcp_left">
						<a href="#" class="topcp_img">
							<img
								src="https://img1.cnpowder.com.cn/img/daily/2019/01/07/162716_490421_product_26170.jpg">
						</a>
						<div class="topcp_but"></div>
					</div>
					<div class="topcp_rig">
						<div class="topcp_tit">
							<img class="zd" src="../images830/v3zd.png">
							<a href="#" class="proname">超细粉体微米分级机</a>
						</div>
						<div class="topcp_pinp">密友粉体装备制造</div>
						<div class="topcp_pinp">
							<span class="color1">46938</span>
							人次关注
						</div>
						<div class="topcp_pinp">参考价格<span class="color2">面议</span></div>
						<div class="topcp_shop">
							<a href="#">
								<div class="Name">江苏密友粉体新装备制造有限公司</div>
							</a>
							<div class="ly js_lyzx" proid="26170" cid="10095" proname="超细粉体微米分级机">
								<img src="../images830/v3ly.png">留言咨询
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="public_bottom">
			<div class="list">
				<a class="link a" href="../user/user_about.html">关于我们</a><span class="icon">|</span>
				<a class="link a" href="#">会员服务</a><span class="icon">|</span>
				<a class="link a" href="#">展会服务</a><span class="icon">|</span>
				<a class="link a" href="#">法律声明</a>
			</div>
			<div class="list">Copyright©2002-2025 diamondol.net</div>
		</div>
		<!-- 筛选 -->
		<div class="tertiaryClassAllFilter" style="display: none;">
			<div class="tertiaryClassAllFilterZZ"></div>
			<div class="tertiaryClassAllFilterContent">
				<div>
					<div class="allFilterGroup">
						<div class="allFilterGroupTitle">
							<p>价格范围</p><span class="item-open">展开</span>
						</div>
						<div class="allFilterGroupLink" urlkey="PriceID">
							<a class="groupLinkName is" data-id="1">1万元以下</a>
							<a class="groupLinkName" data-id="2">1-5万元</a>
							<a class="groupLinkName" data-id="3">5-10万元</a>
							<a class="groupLinkName" data-id="4">10-20万元</a>
							<a class="groupLinkName" data-id="5">20-30万元</a>
							<a class="groupLinkName" data-id="6">30-40万元</a>
							<a class="groupLinkName" data-id="7">40-50万元</a>
							<a class="groupLinkName" data-id="8">50-60万元</a>
							<a class="groupLinkName" data-id="9">60-70万元</a>
							<a class="groupLinkName" data-id="10">70-80万元</a>
							<a class="groupLinkName" data-id="11">80-90万元</a>
							<a class="groupLinkName" data-id="12">90-100万元</a>
							<a class="groupLinkName" data-id="13">100-150万元</a>
							<a class="groupLinkName" data-id="14">150-200万元</a>
							<a class="groupLinkName" data-id="15">200-500万元</a>
							<a class="groupLinkName" data-id="16">500万以上</a>
						</div>
					</div>
				</div>
				<div>
					<div class="allFilterGroup">
						<div class="allFilterGroupTitle">
							<p>厂商性质</p>
						</div>
						<div class="allFilterGroupLink" urlkey="MFT">
							<a class="groupLinkName" data-id="1">生产商</a>
							<a class="groupLinkName" data-id="2">代理商</a>
							<a class="groupLinkName" data-id="3">代表处</a>
						</div>
					</div>
				</div>
				<div>
					<div class="allFilterGroup">
						<div class="allFilterGroupTitle">
							<p>产地</p><span class="item-open">展开</span>
						</div>
						<div class="allFilterGroupLink" urlkey="chandi">
							<a class="groupLinkName" data-id="1">北京</a>
							<a class="groupLinkName" data-id="2">上海</a>
							<a class="groupLinkName" data-id="3">天津</a>
							<a class="groupLinkName" data-id="4">重庆</a>
							<a class="groupLinkName" data-id="6">安徽</a>
							<a class="groupLinkName" data-id="7">福建</a>
							<a class="groupLinkName" data-id="8">甘肃</a>
							<a class="groupLinkName" data-id="9">广东</a>
							<a class="groupLinkName" data-id="10">广西</a>
							<a class="groupLinkName" data-id="11">贵州</a>
							<a class="groupLinkName" data-id="12">海南</a>
							<a class="groupLinkName" data-id="13">河北</a>
							<a class="groupLinkName" data-id="40">其他国家地区</a>
						</div>
					</div>
				</div>

				<div>
					<div class="allFilterGroup">
						<div class="allFilterGroupTitle">
							<p>工作原理</p>
						</div>
						<div class="allFilterGroupLink" urlkey="CorePara7">
							<a data-id="1" class="groupLinkName">立式</a>
							<a data-id="2" class="groupLinkName">卧式</a>
							<a data-id="3" class="groupLinkName">自分流式</a>
							<a data-id="4" class="groupLinkName">振动式</a>
						</div>
					</div>
				</div>
			</div>
			<!-- 重置、确定 -->
			<div class="allFilterGroupBtn">
				<div class="allFilterGroupBox">
					<a class="allFilterReset" onclick="chongzhi();">重置</a>
					<a class="allFilterSubmit">确定</a>
				</div>
			</div>
		</div>
	</body>
	<script src="../images830/jquery-1.12.4.min.js"></script>
	<script src="../images830/swiper.min.js"></script>
	<script src="../images830/lodash.js"></script>
	<script src="../images830/public.js"></script>
	<script>
		
	</script>
	<script>
		$('.sx_fl').on('click', function() {
			var scrollTop = $('.tertiaryClassFilter').offset().top
			var scrollH = $('#top').height()
			$('html, body').animate({
				scrollTop: scrollTop - parseFloat(scrollH)
			}, 300)
			$('.filterMoreDialog').hide()
		
			var currentId = $(this).attr('data-id') // 对应弹层的id
			var levelIndex = $(this).attr('data-level') // 对应筛选的级别
			if (currentId === undefined) {
				// undefined为新品，不需要弹遮罩层
				$('.dialogZZ').hide()
				$(window).unbind('scroll')
			} else {
				// 第一层综合筛选
				$('#' + currentId).css({
					'height': '0',
					'bottom': '0',
					'display': 'block'
				})
				$('#' + currentId).animate({
					'height': currentId === 'recommend_agentIds' ? '6rem' : '3rem',
					'bottom': currentId === 'recommend_agentIds' ? '-6rem' : '-3rem'
				}, 300, function() {
					$('.dialogZZ').show()
					setTimeout(function() {
						$(window).bind('scroll', function(event) {
							closeFilterBox()
						})
					}, 300)
				})
			}
		})
		
		// 点击遮罩层关闭筛选框
		function closeFilterBox() {
			$('.dialogZZ').hide()
			$('.filterMoreDialog').animate({
				'height': '0',
				'bottom': '0'
			}, 300, function() {
				$('.filterMoreDialog').css({
					'display': 'none'
				})
			})
			$(window).unbind('scroll') // 移除页面滚动事件
		}
		
		// 筛选
		$('.leftFilterScroll').on('click', function() {
			$('.tertiaryClassAllFilter').css({
				'display': 'block'
			})
			$('.tertiaryClassAllFilter').animate({
				'width': '7.5rem',
				'left': '0',
				'right': '0'
			}, 300)
			unScroll()
			$(".allFilterGroup .allFilterGroupLink").each(function(event, e) {
				if (e.scrollHeight <= parseInt(e.clientHeight) && !$(e).hasClass(".lineHide")) {
					$(this).parent().find(".item-open").remove();
				}
			});
		})
		// 关闭大筛选
		$('.tertiaryClassAllFilterZZ').on('click', function() {
			$('.tertiaryClassAllFilter').animate({
				'width': '0',
				'left': 'initial',
				'right': '-7.5rem'
			}, 300, function() {
				$('.tertiaryClassAllFilter').hide()
				removeUnScroll()
			})
		})
		
		$('.allFilterGroup .item-open').click(function(){
			let text = $(this).text()
			if(text=='展开'){
				$(this).parent().siblings('.allFilterGroupLink').addClass('active')
				$(this).text('收起')
			}else{
				$(this).parent().siblings('.allFilterGroupLink').removeClass('active')
				$(this).text('展开')
			}
			
		})
		//禁用滚动条
		function unScroll() {
			var top = $(document).scrollTop();
			$(document).on('scroll.unable', function(e) {
				$(document).scrollTop(top);
			})
		}
		//停止禁用滚动条
		function removeUnScroll() {
			$(document).unbind("scroll.unable");
		}
	</script>
</html>